<template>
  <div style="text-align: center;margin-top: 30px" @mouseleave="testKKKK" @mouseenter="testKKKK">
    <Button type="success" @click="changeSkin">更换背景</Button>
  </div>



</template>

<script>
  export default {
    name: "test",
    data() {
      return {
        value: true
      }
    },
    methods: {
      changeSkin() {
//         document.body.style.backgroundColor = "#FF0"
//        console.log("hhhh")
//        document.body.style.backgroundImage = 'url("../assets/london.jpg")'

      },
      testKKKK(){
        console.log("hhhh")
      }
    }
  }
</script>

<style scoped>

</style>
